<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="bootstrap.css" type="text/css" />

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js" type="text/javascript"/>
<script src="script.js" type="text/javascript"/>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script src="bootstrap.js" type="text/javascript"/>
<script src="formDate.js" type="text/javascript"/>

<title>Usi Bets</title>
</head>
<body>
	<div class="pagination-centered">
		<h1>Usi Bets</h1>
	</div>
	<div class="navbar">
		<div class="navbar-inner ">
			<div class="container ">
				<a class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse"> <span class="icon-bar"></span> <span
					class="icon-bar"></span> <span class="icon-bar"></span>
				</a> <a class="brand" href="/home">Home</a>
				<div class="nav-collapse">
					<ul class="nav">
						<li id="getBets"><a id="getBetsLink" href="/bet">Show Bets</a></li>
						<li><a href="ranking">Ranking</a></li>
						<li id="user"></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	

	<div class="container-fluid">
		<div class="row-fluid">
			<div class="span2">
				<ul class="nav nav-pills nav-stacked">
				<li id="profile"><div class="btn-group">
				<a class="btn btn-info" href="/home "><i class="icon-user icon-white"></i>Profile</a>
				<button class="btn dropdown-toggle btn-info" data-toggle="dropdown">
   				 <span class="caret"></span>
  				</button>
 				 <ul class="dropdown-menu">
 				 <li id="addBet"><a href="/addBet"><i class="icon-plus"></i>add new Bet</a></li>
 				 <li id="showAddBet"><a id="showAddBetLink" href="/showAddedBets"><i class="icon-list-alt"></i>MyAddedBets</a></li>
   				 <li><a href="/logout"><i class="icon-off"></i>logout</a></li>
  				</ul></div></li>
				</ul>
			</div>
			<div class="span8" id="main-body">
				<!--Body content-->
				<div class="span8" id="body/">
				<!--Body content-->
				

				</div>
				
				<div class="span8" id="info">
				</div>

			</div>
			<div>
				<h3 style="text-align:center;">My current bets</h3>
				<div class="span2" id="betBox">
					<!-- Push bets -->
				</div>
			</div>
		</div>
	</div>


</body>
</html>